@CHARSET "UTF-8";

body {
background: url(images/backg.jpg) no-repeat left top; margin: 0px;
}


#container
{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  padding-bottom:40px;
  overflow:hidden;
display:block
}


#wrapper {
width:250px;
margin: 0 0;
box-shadow: 2px 2px 2px #888888;

}

#box-menu{
box-shadow: 2px 2px 2px #888888;
display:inline-block;
float:left;
background: url(images/menu.png);

height: 100%
}



.ac-menu,
.ac-menu ul,
.ac-menu li,
.ac-menu a,
.ac-menu span {
	margin: 0;	
	padding: 0;
	border: 0;
	outline: none;
}

.ac-menu li {
	list-style: none;
}

/* Accordian Style */

.ac-menu li > a {
	display: block;
	position: relative;
	min-width: 160px;
	padding: 0 10px 0 0;
	text-align: center;
	height: 32px;

	color: #FFFFFF;
	font: bold 12px/32px Arial, sans-serif;
	text-decoration: none;
	
	
	background: #405382;
	background: -moz-linear-gradient(top, #405382 1%, #162344 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#405382), color-stop(100%,#162344));
	background: -webkit-linear-gradient(top, #405382 1%,#162344 100%);
	background: -o-linear-gradient(top, #405382 1%,#162344 100%);
	background: -ms-linear-gradient(top, #405382 1%,#162344 100%);
	background: linear-gradient(top, #405382 1%,#162344 100%);
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.ac-menu > li:hover > a,
.ac-menu > li:target > a {
	text-shadow: 1px 1px 1px rgba(255,255,255, .2);
	
	
	background: #2a4e82;
	background: -moz-linear-gradient(top, #2a4e82 1%, #47b5d4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2a4e82), color-stop(100%,#47b5d4));
	background: -webkit-linear-gradient(top, #2a4e82 1%,#47b5d4 100%);
	background: -o-linear-gradient(top, #2a4e82 1%,#47b5d4 100%);
	background: -ms-linear-gradient(top, #2a4e82 1%,#47b5d4 100%);
	background: linear-gradient(top, #2a4e82 1%,#47b5d4 100%);
	
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

}



/* Sub-Menu */

.sub-menu li a {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);

	background: #eae9e9;
	border-bottom: 1px solid #c1bfbf;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #f6f5f5; }



/* Accordian Function */

.ac-menu li > .sub-menu {
	height: 0;
	overflow: hidden;

	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out;
}

.ac-menu li:target > .sub-menu {
	height: 98px;
}

/* table style */

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#login-box {
	width:333px;
	height: 220px;
	padding: 10px 76px 0 76px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/login-box-backg.png) no-repeat left top;
	background-size: 100% 100%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 100px
}

#logout{
	font: 12px;
	text-align:right;
}

#logout a:link {color:#bebebe;}      /* unvisited link */
#logout  a:visited {color:#bebebe;}  /* visited link */
#logout a:hover {color:#FFFFFF;	box-shadow: 2px 2px 2px #888888;}  /* mouse over link */
#logout a:active {color:#0000FF;}  /* selected link */

#header{
	background : url(images/header.png) repeat top;
	height: 90px;
	box-shadow: 2px 2px 2px #888888;
	width:100%;
	margin: 0px; 
}

#header-title
{
	color: #ffffff;
	font: 30px Arial, Calibri, sans-serif;
	text-align: center;
	text-shadow: 0.05em 0.05em 0.1em gray;
}
#header-title-two{
	color: #ffffff;
	font: 20px Arial, Calibri, sans-serif;
	text-align: center;
	text-shadow: 0.05em 0.05em 0.1em gray;
}

#logo{
display: inline;
position: center;
padding: 35% ;
}

#section-title{
	color: #1e4f8a; 
	padding-top: 50px; 
	padding-left: 45%;
	size:20px;
}

#login-box img {
	border:none;

}

#login-box h2 {
	padding:0;
	margin:0;
	color: #ebebeb;
	font: bold 44px "Calibri", Arial;
}


#login-box-name {
	float: left;
	display:inline;
	width:80px;
	text-align: right;
	padding: 14px 10px 0 0;
	margin:0 0 7px 0;
}

#login-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}


.form-login  {
	width: 205px;
	padding: 10px 4px 6px 3px;
	border: 1px solid #0d2c52;
	background-color:#ffffff;
	font-size: 16px;
	color: #1e4f8a;
}


.login-box-options  {
	clear:both;
	padding-left:87px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}

#form-box{
	width:333px;
	height: 240px;
	padding: 10px 76px 0 76px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/login-box-backg.png) no-repeat left top;
	background-size: 100% 100%;
    margin-right: auto;
	margin-top: 100px;
	padding-top: 40px;
	padding-bottom: 2%;
	display:inline-block;
	float:left;
	margin-left: 200px;
}

#light{
	background-color:#FFF;
	border:1px solid #dedede;
	padding:10px;
	margin-top:20px;}
	
.blue.button, .blue.button:visited		    { background-color: #2981e4; margin-left:20px; margin-right:20px;  }
.button:hover							{ background-color: #111; color: #fff; }
.button:active							{ top: 1px; }
.large.button, .large.button:visited 			{ font-size: 14px; 
												  padding: 8px 14px 9px; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; }
.blue.button:hover							{ background-color: #2575cf; }	
.button, .button:visited {
	background: #222 url(overlay.png) repeat-x; 
	display: inline-block; 
	padding: 10px 20px 10px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	position:center
}	
.big.button {width: 300px;}
#topmenu a,#topmenu a:visited{
	color:#f7f6f0;
	background:#bd3f09;
}
#topmenu a:hover{
	color: #FFF;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
	color:#993400;
	background: #FFF url(../img/bg_menu_red.jpg) repeat-x top;
	border-left: #FFF 1px solid;
	border-right: #FFF 1px solid;
	
#topmenu {
	margin-top:33px;
	width:700px;
	float:left;
	voice-family:inherit;
}

#topmenu ul{
	list-style:none;
	line-height:25px;
}
#topmenu li{
	display:inline;
}
#topmenu a,#topmenu a:visited{
	padding:5px 12px 5px 12px;
	text-decoration:none;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
	padding:5px 12px 5px 12px;
	font-weight:bold;
	
}